<template>
    <!-- components/bottom-safe-area/index.wxml -->
    <view class="bottom-safe-area" :style="{'background': background}"></view>
</template>

<script>
// components/bottom-safe-area/index.js
export default {
    data() {
        return {};
    },
    /**
     * 组件的属性列表
     */
    props: {
      background: {
          type: String,
          default: ''
      }
    },
    /**
     * 组件的方法列表
     */
    methods: {}
};
</script>
<style lang="scss">
/* components/bottom-safe-area/index.wxss */
.bottom-safe-area {
	height: constant(safe-area-inset-bottom);
  height: env(safe-area-inset-bottom);
}
</style>
